import { Card, Col, Row, Progress, Tooltip } from "antd";
import React from "react";
import styles from  "./progress.module.less"

export const ProgressCard = () => {
    return (
        <>
            <Card title="当前进度" extra={<a href="#">More</a>} className={styles["progressCard"]}>
                <Row>
                    <Col>
                        <Tooltip className={styles["progressBar"]} title="3 done / 3 in progress / 4 to do">
                            <Progress percent={60} success={{ percent: 30 }} width={70} type="circle" />
                        </Tooltip>
                    </Col>

                    <Col span={5}>
                        <div className={styles["tag"]}>
                            简单
                            108
                            652
                        </div>

                    </Col>
                    <Col span={5}>
                        <div className={styles["tag"]}>
                            简单
                            108
                            652
                        </div>

                    </Col>
                    <Col span={5}>
                        <div className={styles["tag"]}>
                            简单
                            108
                            652
                        </div>
                    </Col>

                </Row>
            </Card>
        </>)
}